<!DOCTYPE HTML>
<html>
<head>
  <title>Home</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />
  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
  <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
  <script defer src="js/jquery.flexslider.js"></script>
 </head>
<body>
	<!----start-header----->
	 <div class="header">
	     <div class="wrap">
	      <div class="header-top">
			<!---start-top-nav---->
			<div class="top-nav">
					<div class="top-header">
						<div class="logo">
							<a href="index.html"><h1>Customer</h1></a>
						</div>
					</div>
				<nav class="nav clearfix">
					<a id="menu-toggle" class="anchor-link" href="#"><img src="images/men-bars.png" alt="" /></a>
					<ul class="simple-toggle" id="menu">
			        	<li><a href="index.html">首页</a></li>
			        	<li><a href="about.html">关于</a></li>
			        	<li><a href="services.html">JOJO</a></li>
			        	<!-- logo -->
			        	 <li class="logo"><a href="index.html"><h1>JOJO的奇妙冒险</h1></a></li>
			        	<!-- logo -->
			        	<li><a href="404.html">其他</a></li>
			        	<li><a href="contact.html">联系我们</a></li>
			        </ul>
				</nav>
				
				<script type="text/javascript">
					  $(document).ready(function() {
					
						$('#menu-toggle').click(function () {
					      $('#menu').toggleClass('open');
					      e.preventDefault();
					    });
					    
					});
				</script>
			</div>
			<!---End-top-nav---->
		</div>
		<div class="banner">
			
			 <div class="flexslider">
				  <ul class="slides">
				    <li><img src="images1/slide1.jpg" alt="" /></li>
				    <li><img src="images1/slide2.jpg" alt="" /></li>
				    <li><img src="images1/slide3.jpg" alt="" /></li>
				   </ul>
				  <script type="text/javascript">
				    $(function(){
				      SyntaxHighlighter.all();
				    });
				    $(window).load(function(){
				      $('.flexslider').flexslider({
				        animation: "slide",
				        controlNav: false
				      });
				    });
				  </script>
				</div>

		</div>
	  </div>
	</div>
   <!----End-header----->
	       
		 <!---start-content---->
		 <div class="wrap">
		   <div class="content">	 	 
		       <div class="top-grids">
			 		<div class="section group">
						<div class="grid_1_of_3 images_1_of_3 top_grid">
							<div class="topgrid-desc">							 
							  <h3>幻影之血</h3>
						      <p>富二代仗势欺人殴打有志穷青年 </p>
						      </div>
						      <img src="images1/grid-img1.jpg" alt="" />
						</div>
						 <div class="grid_1_of_3 images_1_of_3 top_grid">
							 <div class="topgrid-desc">							 
							  <h3>星尘十字军</h3>
						      <p>装逼男公费旅游火拼开罗地头蛇 </p>
						      </div>
							  <img src="images1/grid-img2.jpg" alt="" />
						 </div>
						<div class="grid_1_of_3 images_1_of_3 top_grid">
							 <div class="topgrid-desc">							 
							  <h3>黄金之风</h3>
						      <p>小混混图谋上位群殴黑帮扛把子</p>
						      </div>
						   <img src="images1/grid-img3.jpg" alt="" />
						</div>
					</div>
		 		</div>
		 		
		      <div class="content-middle">
		      <div class="content-middle-top">
		      	<h4>JOJO的奇妙冒险</h4>
		      </div>
		       <div class="content-middle-desc">
				<div class="section group">
				<div class="lsidebar span_3_of_1">
				    <img src="images/grid-img2.jpg" alt="" />
				 </div>	
				<div class="cont span_3_of_2">
				 	<h3>JOJO的奇妙冒险 星尘十字军</h3>
				 	<p>时为1987年，乔瑟夫·乔斯达与“柱之男”们之间的死战后过了50年……乔瑟夫为了为了帮助“被恶灵附身了”的外孙子·空条承太郎而来到了日本。原来那并不是恶灵而是幽波纹（替身）。替身突然出现的原因在于，从跨越100年的长眠中苏醒过来的吸血鬼·DIO与乔斯达家之间的令人忌讳的因缘。为了拯救受到DIO的诅咒而倒下的承太郎的母亲·荷莉，他们决定要打倒邪恶的化身·DIO，和伙伴们一起踏上了旅程。 </p>
				    <div class="more-info more-info2"><a href="#">观看</a></div>
				  </div>
		        </div>
		       </div>
		      </div>
		      
		     <div class="content-bottom"> 
		      <div class="section group">
				<div class="cont span_2_of_3">
				 <div class="services-desc-block">
				 	<h3>飙马野郎</h3>
				 	<p>1890年，一场横断北美大陆、总长度六千公里的超长程赛马“STEEL BALL RUN”（SBR）即将展开，这是主角乔尼·乔斯达跨越青春期、迈向大人的故事。乔尼‧乔斯达曾是顶尖骑手，但一起枪击案使他半身不遂，他遇见了神秘男子杰洛·齐贝林，杰洛手中的旋转铁球让乔尼再一次站起，乔尼为了追寻让自己重新站起的方法，跟着杰洛参与了SBR。表面上、SBR是由活动策划家史蒂芬·史提尔所组织的，但比赛的幕后主使其实是美国政府。美国总统法尼·瓦伦泰为了搜集散落在北美大陆上的、不可思议的圣人遗体而筹划了这场大赛。每一份圣人遗体──故事里暗示是耶稣的遗体──都能带给持有者替身能力，而完整的遗体更具神力，总统的目的便是取得完整遗体以确保美国的荣耀。 </p>
				    <div class="more-info"><a href="#">观看</a></div>
				 </div>
				  <div class="services-desc-block">
				 	<h3>石之海</h3>
				 	<p>西历2011年，美国·佛罗里达州。在与恋人兜风途中遇到了交通事故的空条徐伦，因被陷害而获刑15年。收容设施是州立绿海豚街重警备监狱——别名「水族馆」。深陷绝望之中的徐伦，在手握父亲所托的吊坠时，她觉醒了不可思议的力量。“这个世界上存在着比死还恐怖的事情，而这一切都将在这所监狱中发生”徐伦面前出现的神秘少年所传达的信息，不断发生的不可思议的事件，前来探视的父亲·空条承太郎所说的令人恐惧的现实，以及名为DIO之人……空条徐伦究竟能否从这所「石之海」一般的监狱中重获自由？给持续百年之久的乔斯达一族与DIO之间的宿命画上终止符的一战，即将开始！！ </p>
				    <div class="more-info"><a href="#">观看</a></div>
				 </div>
				</div>	
				<div class="rsidebar span_1_of_3">
				    <h3>给我们意见</h3>
				    <div class="news-letter">
				        <form method="post" action="contact-post.html">
						    	<span><label>你的名字</label></span>
						    	<span><input name="userName" type="text" class="textbox"></span>
						    	<span><label>你的邮箱</label></span>
						    	<span><input name="userEmail" type="text" class="textbox"></span>
						    	<span><label>你的建议</label></span>
						    	<span><textarea name="userMsg"> </textarea></span>
						   		
					     </form>
				     </div>
				 </div>			
		       </div>
		      </div>  
			</div>
		  </div>		   			
		 <!---End-content---->
		 <!---start-footer---->
		  <div class="footer">
		    <div class="wrap">
			   	<div class="copy-right">
					<p>Copyright &copy; 2014.Company name All rights reserved.<a target="_blank" href="http://www.xijing.edu.cn/">西京学院</a></p>
			<div class="clear"> </div>
		</div>
	</div>
		 <!---End-footer---->
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

